
type NavigationBlockProps = {
    text?: string
    onLeftClick?:()=>void
    onRightClick?:()=>void
}

export default function NavigationBlock({ text, onLeftClick, onRightClick, ...props }: NavigationBlockProps) {
    return (
        <div className="absolute bottom-0 left-1/2 -translate-x-1/2 z-10 flex items-center bg-white shadow-md p-2 rounded-md">
            <button
                className="mr-4 border border-gray-300 rounded-md p-2 text-gray-600 hover:bg-gray-100"
                onClick={onLeftClick}
            >
                &larr;
            </button>
            <span className="font-bold">{text}</span>
            <button
                className="ml-4 border border-gray-300 rounded-md p-2 text-gray-600 hover:bg-gray-100"
                onClick={onRightClick}
            >
                &rarr;
            </button>
        </div>
    );
};
